<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>拓观客户 · 拓观</title>
    <meta content="" name="description" />
    <meta content="" name="customer 拓观客户 客户 tuoguan 拓观" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta content="telephone=no" name="format-detection" />
    <link rel="stylesheet" href="../assets/css/public.css" />
    <link rel="stylesheet" href="../assets/css/customer.css" />
    <!-- <link rel="icon" type="image/x-icon" href="favicon.ico" /> -->
</head>

<body>
    <div data-header="sticky" data-header-top="200" class="customer layout-theme animated-css">
        <!-------------------------- 导航条 Start -------------------------->
        <nav class="navbar navbar-default navbar-fixed-top">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                        aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="../index.html">
                        <img src="../images/logo_mod-a.png" alt="拓观设计 拓观客户">
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse pull-right" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class=""><a href="../index.html">首页 <span class="sr-only">(current)</span></a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle active" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">拓观故事 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="introduce.html">拓观介绍</a></li>
                                <li><a href="framework.html">拓观框架</a></li>
                                <li><a href="team.html">团队主创</a></li>
                                <li><a href="honor.html">拓观荣誉</a></li>
                                <li class="active"><a href="customer.html">拓观客户</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">拓观作品 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="project.html?type=1">精品住宅</a></li>
                                <li><a href="project.html?type=2">商业办公</a></li>
                                <li><a href="project.html?type=3">产业园区</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">拓观文化 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="activity.html?type=1">学术</a></li>
                                <li><a href="activity.html?type=2">媒体</a></li>
                                <li><a href="activity.html?type=3">活动</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">招聘·联络 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="value.html">价值分享</a></li>
                                <li><a href="invite.html?type=1">校园招聘</a></li>
                                <li><a href="invite.html?type=2">社会招聘</a></li>
                                <li><a href="contacts.html">联系我们</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
        <!-------------------------- 导航条 End -------------------------->
        <!-- 顶部logo 社交联系方式-->
        <div class="container">
            <div class="items col-sm-12">
                <div class="row">
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/SeaViewPark.png" alt="Sea View Park" title="Sea View Park 绿地·海域观园【上海】">
                            </div>
                            <div class="desc">
                                <h5>绿地·海域观园【上海】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/LishanYard.png" alt="Lishan Yard" title="Lishan Yard 高新地产·骊山下的院子【西安】">
                            </div>
                            <div class="desc">
                                <h5>高新地产·骊山下的院子【西安】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/XiaoKunShan.png" alt="Xiao Kun Shan" title="Xiao Kun Shan 路劲·小昆山【上海】">
                            </div>
                            <div class="desc">
                                <h5>路劲·小昆山【上海】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/XinMingZhou.png" alt="Xin Ming Zhou" title="Xin Ming Zhou 雅戈尔·新明洲【宁波】">
                            </div>
                            <div class="desc">
                                <h5>雅戈尔·新明洲【宁波】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/NanjingXuanwuMansion.png" alt="Nanjing Xuanwu Mansion" title="Nanjing Xuanwu Mansion 中海·玄武公馆【南京】">
                            </div>
                            <div class="desc">
                                <h5>中海·玄武公馆【南京】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/NanjingYushan.png" alt="Nanjing Yushan" title="Nanjing Yushan 世茂招商·南京语山【南京】">
                            </div>
                            <div class="desc">
                                <h5>世茂招商·南京语山【南京】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/WanJinTianXia.png" alt="Wan Jin Tian Xia" title="Wan Jin Tian Xia 中海·万锦天下【福州】">
                            </div>
                            <div class="desc">
                                <h5>中海·万锦天下【福州】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/suzhouxuhui.png" alt="旭辉·香格里【苏州】" title="旭辉·香格里【苏州】">
                            </div>
                            <div class="desc">
                                <h5>旭辉·香格里【苏州】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/NanjingEquipmentFactory.png" alt="Nanjing Equipment Factory Project " title="Nanjing Equipment Factory Project 葛洲坝招商·紫郡兰园【南京】">
                            </div>
                            <div class="desc">
                                <h5>葛洲坝招商·紫郡兰园【南京】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/YanJiangLan.png" alt="Yan Jiang Lan" title="Yan Jiang Lan 路劲·燕江澜【苏州】">
                            </div>
                            <div class="desc">
                                <h5>路劲·燕江澜【苏州】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/ChengTieXinCheng.png" alt="Cheng Tie Xin Cheng" title="Cheng Tie Xin Cheng 路劲·城铁新城【苏州】">
                            </div>
                            <div class="desc">
                                <h5>路劲·城铁新城【苏州】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-3 grid">

                        <div class="port">
                            <div class="image-box">
                                <img src="../images/project/LanShanLan.png" alt="Lan Shan Lan" title="Lan Shan Lan 路劲·澜山澜【苏州】">
                            </div>
                            <div class="desc">
                                <h5>路劲·澜山澜【苏州】</h5>
                                <!-- <p>我们设计的上海中心</p> -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--页脚-->

        <div class="weixin-bg" onmousedown="removeWeixin()"></div>
        <div class="weixin-wapper">
            <img src="../images/wx.png" alt="微信 weixin" />
        </div>
    </div>
    <script src="http://cdn.bootcss.com/jquery/2.1.2/jquery.min.js"></script>
    <!-- <script src="assets/js/separate-js/custom.js"></script> -->
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
    <script src="../assets/js/footer.js"></script>
    <script>
        $(function () {
            // 设计项目title高度
            var height = $(".port").height()
            $(".port .desc").css('line-height', height + 'px')
            var top = (height - $(".port .desc h5").height()) / 2
            $(".port .desc h5").css("margin-top", top + "px");
        })
    </script>
    <!-- 页脚部分 Start -->
    <div class="footer">
        <div class="footer-wrap">
            <div class="copy">COPYRIGHT &copy; 2017 TUOGUAN COPYRIGTHS RESERVED</div>
            <div class="quick">
                <a href="http://www.miibeian.gov.cn/" target="_blank">浙ICP备11004507号-1</a> &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="contacts.html">联系我们</a> &nbsp;&nbsp;&nbsp;&nbsp;
                <a href="javascript:showWeixin()" class="weixin">微信公众号</a>
            </div>
        </div>
    </div>
    <!-- 页脚部分 End -->
</body>

</html>